<template>
	<view>
		<u-navbar title="修改昵称" placeholder bgColor="transparent" :autoBack="true">
		</u-navbar>
		<view class="main relative" style="z-index: 2;">
			<u--textarea v-model="remark" border='none' placeholder="请输入新昵称"></u--textarea>
		</view>
		<view class="newAddress text-center text-32 font-medium text-white flex align-item_center justify-content_center">
			保存
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>


<style>
	page {
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.main {
		width: 690rpx;
		padding: 30rpx;
		box-sizing: border-box;
		margin: 30rpx auto 0;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;

		::v-deep .u-textarea {
			padding: 0 !important;
		}
	}

	.newAddress {
		margin: 400rpx auto 0;
		width: 690rpx;
		height: 98rpx;
		background: #67B609;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
	}
</style>